<template>
    <el-menu
      default-active="/"
      style="border:unset"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      router
      :collapse="isCollapse"
      :collapse-transition="false"

      >
        <el-menu-item index="/">
            <i class="el-icon-menu"></i>
            <span slot="title">首页</span>
        </el-menu-item>
        <el-menu-item index="/article">
            <i class="el-icon-document-copy"></i>
            <span slot="title">内容管理</span>
        </el-menu-item>
        <el-menu-item index="/image">
            <i class="el-icon-picture-outline"></i>
            <span slot="title">素材管理</span>
        </el-menu-item>
        <el-menu-item index="/publish">
            <i class="el-icon-menu"></i>
            <span slot="title">发布文章</span>
        </el-menu-item>
        <el-menu-item index="/comment">
            <i class="el-icon-menu"></i>
            <span slot="title">评论管理</span>
        </el-menu-item>
        <el-menu-item index="/fans">
            <i class="el-icon-user"></i>
            <span slot="title">粉丝管理</span>
        </el-menu-item>
        <el-menu-item index="/settings">
            <i class="el-icon-setting"></i>
            <span slot="title">个人管理</span>
        </el-menu-item>
    </el-menu>
</template>
<script>
export default {
 name: 'Aside',
 data(){
     return {
     }
 },
 props: {
     isCollapse:{
         type: Boolean,
     }
 }
}
</script>
<style lang="less" scoped>

</style>
